<!doctype html lang="pt-br">
<html>

    <head>
        <meta charset="utf-8"/>
        <title>Moto Certo</title>
        <base href="{base_url}{base_template_site}">
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" media="all" href="css/resset.css"/>
        <link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/anunciar.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="js/menu.js"></script>
        <script src="js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function($){
                $("#cpf").mask("999.999.999-99");
                $("#data_nascimento").mask("99/99/9999");
                $("#telefone_1").mask("(99) 9999-9999");
                $("#telefone_2").mask("(99) 9999-9999");
                $("#telefone_3").mask("(99) 9999-9999");
                $("#cep").mask("99999-999");
            });
        </script>
        
        <!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
    </head>

    <body>
        {include_header}
        <div class="wrapper">
            <header class="nav-option">
                <h1 class="breadcrumb-title">Meus Dados</h1> 
                {include_menu_acesso}
            </header>
            <div class="content">
                <p class="texto-descricao-1">Alteração dos seus dados pessoais.</p> 

                <form class="form1" action="{base_url}pessoa/meus_dados/gravar/1" method="POST">
                    <fieldset>
                        <legend class="title-form-1">Dados de Acesso</legend>   
                        <hr>
                        <input type="hidden" name="pessoa" id="pessoa_id" value="{pessoa_id}">
                        <label for="email"><strong>Digite seu email:</strong></label><br>
                        <input type="email" name="usuario" id="usuario" style="width: 350px;" value="{usuario}"><br>
                        <span class="input-info">Digite seu endereço de Email</span>
                        <br>
                        <br>

                        <label for="cpf"><strong>Digite seu CPF:</strong></label><br>
                        <input type="text" name="cpf" id="cpf" readonly style="width: 350px;" maxlength="12" value="{cpf}"><br>
                        <span class="input-info">Não é possível alterar seu CPF.</span><br>


                        <label>
                            <input type="radio" value="masculino" name="sexo" {checked_m}>
                                   Masculino</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <label>
                            <input type="radio" value="feminino" name="sexo" {checked_f}>
                                   Feminino</label>
                        <br>
                        <br>
                        <label for="nome"><strong>Nome Completo:</strong></label><br>
                        <input type="text" name="nome" id="nome" style="width: 350px;" readonly value="{nome}"><br>
                        <span class="input-info">Não é possível alterar seu nome.</span><br>

                        <label for="data_nascimento"><strong>Data Nascimento:</strong></label><br>
                        <input type="text" name="data_nascimento" id="data_nascimento" value="{data_nascimento}">
                        <span class="input-info">Data de Nascimento.</span><br>

                        <label for="nome_mae"><strong>Nome da Mãe:</strong></label><br>
                        <input type="text" name="nome_mae" id="nome_mae" style="width: 350px;" readonly value="{nome_mae}">
                        <span class="input-info">Não é possível alterar o nome da mãe.</span><br>

                        <label for="senha"><strong>Senha Atual:</strong></label><br>
                        <input type="password" name="senha" id="senha">
                        <span class="input-info">Senha para acessar área exclusiva de anunciante.</span><br>
                        <label for="nova_senha"><strong>Nova Senha:</strong></label><br>
                        <input type="password" name="nova_senha" id="nova_senha">
                        <span class="input-info">Digite uma nova senha para acesso.</span><br>
                        <label for="nova_senha_2"><strong>Redigite a Nova Senha:</strong></label><br>
                        <input type="password" name="nova_senha_2" id="nova_senha_2">
                        <span class="input-info">Redigite a nova senha para acesso.</span><br>
                        <input type="submit" class="botao-azul" value="Alterar" style="height: 29px;width: 110px; margin-top: 30px;">
                    </fieldset>
                </form>
                <form class="form1" action="{base_url}pessoa/meus_dados/gravar/2" method="POST">
                    <fieldset style="margin-top: 50px;">
                        <legend class="title-form-1">Informações de Contato</legend>   
                        <hr>
                        <input type="hidden" name="pessoa" id="pessoa" value="{pessoa_id}">
                        <label><strong>Telefones:</strong></label><br>
                        <label for="fone_celular"><strong>Telefone Celular:</strong></label><br>
                        <input type="text" name="telefone_1" id="telefone_1" value="{telefone_0}"><br>
                        <span class="input-info">Informe apenas números do seu celular incluindo o DDD.</span><br>

                        <label for="fone_residencial"><strong>Telefone Residencial:</strong></label><br>
                        <input type="text" name="telefone_2" id="telefone_2" value="{telefone_1}"><br>
                        <span class="input-info">Informe apenas números do seu residencial incluindo o DDD.</span><br>

                        <label for="fone_comercial"><strong>Telefone Comercial:</strong></label><br>
                        <input type="text" name="telefone_3" id="telefone_3" value="{telefone_2}"><br>
                        <span class="input-info">Informe apenas números do seu comercial incluindo o DDD.</span>
                        <br>
                        <br>
                        <br>

                        <label for="cep"><strong>CEP:</strong></label><br>
                        <input type="text" name="cep" id="cep" value="{cep}"><br>
                        <span class="input-info">Digite apenas números.</span>
                        <br>
                        <br>
                        <label for="logradouro"><strong>Logradouro:</strong></label><br>
                        <select name="logradouro" required>
                            <option value>Selecionar</option>
                            <option value="Rua" {selected_r}>Rua</option>
                            <option value="Avenida" {selected_a}>Avenida</option>
                            <option value="Travessa" {selected_t}>Travessa</option>
                        </select>
                        <br>
                        <br>

                        <label for="endereco"><strong>Endereço:</strong></label><br>
                        <input type="text" name="endereco" id="endereco" style="width: 350px;" value="{endereco}"><br>
                        <br>
                        <br>
                        
                        <label for="numero"><strong>Número:</strong></label><br>
                        <input type="text" name="numero" id="numero" style="width: 350px;" value="{numero}"><br>
                        <br>
                        <br>
                        
                        <label for="complemento"><strong>Complemento:</strong></label><br>
                        <input type="text" name="complemento" id="complemento" style="width: 350px;" value="{complemento}"><br>
                        <span class="input-info">Campo não obrigatório. Exemplo: SL01 ou APB4 ou Bloco C.</span>
                        <br>
                        <br>

                        <label for="estado"><strong>Estado:</strong></label><br>
                        <select name="estado" required>
                            <option value>Selecionar</option>
                            <option value="AC" {selected_ac}>Acre</option>
                            <option value="AL" {selected_al}>Alagoas</option>
                            <option value="AP" {selected_ap}>Amapá</option>
                            <option value="AM" {selected_am}>Amazonas</option>
                            <option value="BA" {selected_ba}>Bahia</option>
                            <option value="CE" {selected_ce}>Ceará</option>
                            <option value="DF" {selected_df}>Distrito Federal</option>
                            <option value="ES" {selected_es}>Espirito Santo</option>
                            <option value="GO" {selected_go}>Goiás</option>
                            <option value="MA" {selected_ma}>Maranhão</option>
                            <option value="MS" {selected_ms}>Mato Grosso do Sul</option>
                            <option value="MT" {selected_mt}>Mato Grosso</option>
                            <option value="MG" {selected_mg}>Minas Gerais</option>
                            <option value="PA" {selected_pa}>Pará</option>
                            <option value="PB" {selected_pb}>Paraíba</option>
                            <option value="PR" {selected_pr}>Paraná</option>
                            <option value="PE" {selected_pe}>Pernambuco</option>
                            <option value="PI" {selected_pi}>Piauí</option>
                            <option value="RJ" {selected_rj}>Rio de Janeiro</option>
                            <option value="RN" {selected_rn}>Rio Grande do Norte</option>
                            <option value="RS" {selected_rs}>Rio Grande do Sul</option>
                            <option value="RO" {selected_ro}>Rondônia</option>
                            <option value="RR" {selected_rr}>Roraima</option>
                            <option value="SC" {selected_sc}>Santa Catarina</option>
                            <option value="SP" {selected_sp}>São Paulo</option>
                            <option value="SE" {selected_se}>Sergipe</option>
                            <option value="TO" {selected_to}>Tocantins</option>
                        </select>

                        <br>
                        <br>

                        <label for="cidade"><strong>Cidade:</strong></label><br>
                        <input type="text" name="cidade" id="cidade" style="width: 350px;" value="{cidade}"><br>

                        <input type="submit" class="botao-azul" value="Alterar" style="height: 29px;width: 110px; margin-top: 30px;">
                    </fieldset>

                </form>

                <div style="clear:both"></div>

            </div>
        </div>

        <div class="footer-wrapper">
            <footer>
                <nav class="nav-footer">
                    <ul>
                        <li><a href="#">Institucional</a></li>
                        <li><a href="#">Sobre o Moto Certo</a></li>
                        <li><a href="#">Política de Privacidade</a></li>
                        <li><a href="#">Termos de Uso</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">Anúncios</a></li>
                        <li><a href="#">Como Comprar</a></li>
                        <li><a href="#">Como Vender</a></li>
                        <li><a href="#">Como Anunciar</a></li>
                    </ul>
                </nav>
                <figure class="banners-footers">
                    <img src="images/banner-imagem-160-90.jpg" height="90" width="160" >
                    <img src="images/banner-imagem2-160-90.jpg" height="90" width="160" >
                    <img src="images/banner-imagem3-160-90.jpg" height="90" width="160" >
                </figure>
                <summary class="summary-footer">
                    Moto Certo © 2012 Todos os Direitos Reservados - <a href="#">by Produtora Web</a>
                </summary>
            </footer>
        </div>


    </body>

</html>